<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>管理系统</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- Bootstrap 3.3.5 -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.5.0/css/font-awesome.css">
		<!-- Ionicons -->
		<!--<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">-->
		<!-- Theme style -->
		<link rel="stylesheet" href="css/AdminLTE.css">
		<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
          page. However, you can choose any other skin. Make sure you
          apply the skin class to the body tag so the changes take effect.
    -->
		<link rel="stylesheet" href="css/skins/skin-blue.min.css">

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	</head>
	<!--
  BODY TAG OPTIONS:
  =================
  Apply one or more of the following classes to get the
  desired effect
  |---------------------------------------------------------|
  | SKINS         | skin-blue                               |
  |               | skin-black                              |
  |               | skin-purple                             |
  |               | skin-yellow                             |
  |               | skin-red                                |
  |               | skin-green                              |
  |---------------------------------------------------------|
  |LAYOUT OPTIONS | fixed                                   |
  |               | layout-boxed                            |
  |               | layout-top-nav                          |
  |               | sidebar-collapse                        |
  |               | sidebar-mini                            |
  |---------------------------------------------------------|
  -->

	<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">
		<div class="wrapper">

			<!-- Main Header -->
			<header class="main-header">

				<!-- Logo -->
				<a href="/" class="logo">
					<!-- mini logo for sidebar mini 50x50 pixels -->
					<span class="logo-mini"><b>A</b>nt</span>
					<!-- logo for regular state and mobile devices -->
					<span class="logo-lg"><b>Ant</b>Dz</span>
				</a>

				<!-- Header Navbar -->
				<nav class="navbar navbar-static-top" role="navigation">
					<!-- Sidebar toggle button-->
					<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
						<span class="sr-only">Toggle navigation</span>
					</a>
					<!-- Navbar Right Menu -->
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<!-- Messages: style can be found in dropdown.less-->
							<li class="dropdown messages-menu">
								<!-- Menu toggle button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-envelope-o"></i>
									<span class="label label-success">4</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">你有 4 信息</li>
									<li>
										<!-- inner menu: contains the messages -->
										<ul class="menu">
											<li>
												<!-- start message -->
												<a href="#">
													<div class="pull-left">
														<!-- User Image -->
														<img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
													</div>
													<!-- Message title and timestamp -->
													<h4>
                            Support Team
                            <small><i class="fa fa-clock-o"></i> 5 mins</small>
                          </h4>
													<!-- The message -->
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
											<!-- end message -->
										</ul>
										<!-- /.menu -->
									</li>
									<li class="footer"><a href="#">See All Messages</a></li>
								</ul>
							</li>
							<!-- /.messages-menu -->

							<!-- Notifications Menu -->
							<li class="dropdown notifications-menu">
								<!-- Menu toggle button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-bell-o"></i>
									<span class="label label-warning">10</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">You have 10 notifications</li>
									<li>
										<!-- Inner Menu: contains the notifications -->
										<ul class="menu">
											<li>
												<!-- start notification -->
												<a href="#">
													<i class="fa fa-users text-aqua"></i> 5 new members joined today
												</a>
											</li>
											<!-- end notification -->
										</ul>
									</li>
									<li class="footer"><a href="#">View all</a></li>
								</ul>
							</li>
							<!-- Tasks Menu -->
							<li class="dropdown tasks-menu">
								<!-- Menu Toggle Button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-flag-o"></i>
									<span class="label label-danger">9</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">你有 9 任务</li>
									<li>
										<!-- Inner menu: contains the tasks -->
										<ul class="menu">
											<li>
												<!-- Task item -->
												<a href="#">
													<!-- Task title and progress text -->
													<h3>
                            任务进度
                            <small class="pull-right">20%</small>
                          </h3>
													<!-- The progress bar -->
													<div class="progress xs">
														<!-- Change the css width attribute to simulate progress -->
														<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">20% Complete</span>
														</div>
													</div>
												</a>
											</li>
											<!-- end task item -->
										</ul>
									</li>
									<li class="footer">
										<a href="#">View all tasks</a>
									</li>
								</ul>
							</li>
							<!-- User Account Menu -->
							<li class="dropdown user user-menu">
								<!-- Menu Toggle Button -->
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<!-- The user image in the navbar-->
									<img src="img/user2-160x160.jpg" class="user-image" alt="User Image">
									<!-- hidden-xs hides the username on small devices so only the image appears. -->
									<span class="hidden-xs">管理员</span>
								</a>
								<ul class="dropdown-menu">
									<!-- The user image in the menu -->
									<li class="user-header">
										<img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
										<p>
											antdz - Web Developer
											<small>个人简介</small>
										</p>
									</li>
									<!-- Menu Body -->
									<li class="user-body">
										<div class="col-xs-4 text-center">
											<a href="#">Followers</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Sales</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Friends</a>
										</div>
									</li>
									<!-- Menu Footer-->
									<li class="user-footer">
										<div class="pull-left">
											<a href="#" class="btn btn-default btn-flat">个人资料</a>
										</div>
										<div class="pull-right">
											<a href="#" class="btn btn-default btn-flat">登出</a>
										</div>
									</li>
								</ul>
							</li>
							<!-- Control Sidebar Toggle Button -->
							<li>
								<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="main-sidebar">

				<!-- sidebar: style can be found in sidebar.less -->
				<section class="sidebar">

					<!-- Sidebar user panel (optional) -->
					<div class="user-panel">
						<div class="pull-left image">
							<img src="img/user2-160x160.jpg" class="img-circle" alt="User Image">
						</div>
						<div class="pull-left info">
							<p>管理员</p>
							<!-- Status -->
							<!--<a href="#"><i class="fa fa-circle text-success"></i> Online</a>-->
						</div>
					</div>

					<!-- search form (Optional) -->
					<form action="#" method="get" class="sidebar-form">
						<div class="input-group">
							<input type="text" name="q" class="form-control" placeholder="搜索...">
							<span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i></button>
              </span>
						</div>
					</form>
					<!-- /.search form -->

					<!-- Sidebar Menu -->
					<ul class="sidebar-menu">
						<li class="header">菜单</li>
						<!-- Optionally, you can add icons to the links -->

						<li class="active"><a href="#"><i class="fa fa-home"></i> <span>案件</span></a></li>
						<li><a href="#"><i class="fa fa-legal fa-file-o"></i> <span>案件</span></a></li>
						<li><a href="taskschedule.jsp"><i class="fa fa-tasks"></i> <span>任务</span></a></li>
						<li><a href="cal_opt.html"><i class="fa fa-calendar"></i> <span>日程</span></a></li>
						<li><a href="#"><i class="fa fa-user"></i> <span>客户</span></a></li>
						<li><a href="#"><i class="fa fa-bell-o"></i> <span>通知</span></a></li>
						<li><a href="#"><i class="fa fa-envelope-o"></i> <span>私信</span></a></li>
						<!--<li class="treeview">
							<a href="#"><i class="fa fa-tasks"></i> <span>Multilevel</span> <i class="fa fa-angle-left pull-right"></i></a>
							<ul class="treeview-menu">
								<li><a href="#">Link in level 2</a></li>
								<li><a href="#">Link in level 2</a></li>
							</ul>
						</li>-->
					</ul>
					<!-- /.sidebar-menu -->
				</section>
				<!-- /.sidebar -->
			</aside>

			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper">
				<!-- Content Header (Page header) -->
				<section class="content-header">
					<h1>首页 <small>Home</small>
          </h1>
					<ol class="breadcrumb">
						<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
						<li class="active">Here</li>
					</ol>
				</section>

				<!-- Main content -->
				<section class="content">

					<!-- 主要内容显示区 -->

					<div class="row">
						<div class="col-lg-3 col-xs-6">
							<!-- small box -->
							<div class="small-box bg-aqua">
								<div class="inner">
									<h3>F1</h3>
									<p>担任市政府、区政府法律顾问</p>
								</div>
								<div class="icon">
									<i class="ion ion-ios-briefcase-outline"></i>
								</div>
								<a href="#" class="small-box-footer">法律顾问 <i class="fa fa-arrow-circle-right"></i></a>
							</div>
						</div>
						<!-- ./col -->
						<div class="col-lg-3 col-xs-6">
							<!-- small box -->
							<div class="small-box bg-green">
								<div class="inner">
									<h3>E13</h3>
									<p>项目顾问</p>
								</div>
								<div class="icon">
									<i class="ion ion-ios-briefcase-outline"></i>
								</div>
								<a href="#" class="small-box-footer">非诉业务 <i class="fa fa-arrow-circle-right"></i></a>
							</div>
						</div>
						<!-- ./col -->
						<div class="col-lg-3 col-xs-6">
							<!-- small box -->
							<div class="small-box bg-yellow">
								<div class="inner">
									<h3>A1</h3>
									<p>User Registrations</p>
								</div>
								<div class="icon">
									<i class="ion ion-ios-briefcase-outline"></i>
								</div>
								<a href="#" class="small-box-footer">诉讼与仲裁（非刑事） <i class="fa fa-arrow-circle-right"></i></a>
							</div>
						</div>
						<!-- ./col -->
						<div class="col-lg-3 col-xs-6">
							<!-- small box -->
							<div class="small-box bg-red">
								<div class="inner">
									<h3>C6</h3>
									<p>Unique Visitors</p>
								</div>
								<div class="icon">
									<i class="ion ion-ios-briefcase-outline"></i>
								</div>
								<a href="#" class="small-box-footer">诉讼与仲裁（刑事） <i class="fa fa-arrow-circle-right"></i></a>
							</div>
						</div>
						<!-- ./col -->
					</div>
					<!-- /.row -->
					<!-- Main row -->
					<!-- /.row -->

					<div class="row">
						<div class="col-md-6">
							<div class="box">
								<div class="box-header with-border">
									<h3 class="box-title">我的案件</h3>
									<div class="box-tools pull-right">
										<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
										<div class="btn-group">
											<button class="btn btn-box-tool dropdown-toggle" data-toggle="dropdown"><i class="fa fa-wrench"></i></button>
											<ul class="dropdown-menu" role="menu">
												<li><a href="collisionDetection.jsp">添加案件</a></li>
												<li><a href="#">查看所有</a></li>
												<!--<li class="divider"></li>
												<li><a href="#"></a></li>-->
											</ul>
										</div>
										<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								</div>
								<!-- /.box-header -->
								<div class="box-body">
									<div class="row">
										<div class="col-md-8">
											案件显示区
										</div>
										<!-- /.col -->
										<div class="col-md-4">

										</div>
										<!-- /.col -->
									</div>
									<!-- /.row -->
								</div>
								<!-- ./box-body -->
								<div class="box-footer text-center">
									<a href="javascript::;" class="uppercase">查看所有案件</a>
								</div>
								<!-- /.box-footer -->
							</div>

							<div class="nav-tabs-custom">
								<!-- Tabs within a box -->
								<ul class="nav nav-tabs pull-right">
									<li class="active"><a href="#myproject" data-toggle="tab">我的项目</a></li>
									<li><a href="#followproject" data-toggle="tab">关注的项目</a></li>
									<li><a href="#followconsumer" data-toggle="tab">关注的客户</a></li>
									<li class="pull-left header"><i class="fa fa-inbox"></i> 动态</li>
								</ul>
								<div  style="width: 800px;height: 250px;overflow: hidden;" class="tab-content no-padding">
									<!-- Morris chart - Sales -->
									<div  style="width: 830px;height: 250px;overflow-y: auto;" class="chart tab-pane active" id="myproject">
										<!--项目动态显示-->
									</div>
									<div class="chart tab-pane" id="followproject">
										<!--关注项目动态显示-->
										<div class="direct-chat-messages">

										</div>
									</div>
									<div class="chart tab-pane" id="followconsumer">
										<div class="direct-chat-messages">

										</div>
										<!--/.direct-chat-messages-->
									</div>
								</div>
							</div>
							<!-- /.nav-tabs-custom -->
						</div>
						<!-- /.box -->
						<div class="col-md-6">
							<!--日程-->

							<div class="box box-primary">
								<div class="box-header">
									<i class="ion ion-clipboard"></i>
									<h3 class="box-title">日程</h3>
									<div class="box-tools pull-right">
										<ul class="pagination pagination-sm inline">
											<li><a href="#">&laquo;</a></li>
											<li><a href="#">1</a></li>
											<li><a href="#">2</a></li>
											<li><a href="#">3</a></li>
											<li><a href="#">&raquo;</a></li>
										</ul>
									</div>
								</div>
								<!-- /.box-header -->
								<div class="box-body">
									<ul class="todo-list">
										<li>
											<!-- checkbox -->
											<input type="checkbox" value="" name="">
											<!-- todo text -->
											<span class="text">[2015-12-22] Design a nice theme</span>
											<!-- Emphasis label -->
											<small class="label label-danger">紧急</small>
											<!-- General tools such as edit or delete-->
											<div class="tools">
												<i class="fa fa-edit"></i>
												<i class="fa fa-trash-o"></i>
											</div>
										</li>
										<li>
											<input type="checkbox" value="" name="">
											<span class="text">[2015-12-22] Make the theme responsive</span>
											<small class="label label-info">普通</small>
											<div class="tools">
												<i class="fa fa-edit"></i>
												<i class="fa fa-trash-o"></i>
											</div>
										</li>
										<li>
											<input type="checkbox" value="" name="">
											<span class="text">[2015-12-22] Let theme shine like a star</span>
											<small class="label label-warning"> 暂缓</small>
											<div class="tools">
												<i class="fa fa-edit"></i>
												<i class="fa fa-trash-o"></i>
											</div>
										</li>
										<li>
											<input type="checkbox" value="" name="">
											<span class="text">[2015-12-22]Let theme shine like a star</span>
											<small class="label label-default">失效</small>
											<div class="tools">
												<i class="fa fa-edit"></i>
												<i class="fa fa-trash-o"></i>
											</div>
										</li>
										<li>
											<input type="checkbox" value="" name="">
											<span class="text">[2015-12-22]Check your messages and notifications</span>
											<small class="label label-primary">XX状态</small>
											<div class="tools">
												<i class="fa fa-edit"></i>
												<i class="fa fa-trash-o"></i>
											</div>
										</li>
									</ul>
								</div>
								<!-- /.box-body -->
								<div class="box-footer clearfix no-border">
									<button class="btn btn-default pull-right"><i class="fa fa-plus"></i> 添加日程</button>
								</div>
							</div>
							<!-- /.box -->

							<!--日程-->

							<div class="box box-primary">
								<div class="box-header with-border">
									<h3 class="box-title">任务</h3>
									<div class="box-tools pull-right">
										<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
										<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
									</div>
								</div>
								<!-- /.box-header -->
								<div class="box-body">
									<ul class="products-list product-list-in-box">
										<li class="item">
											<div class="product-img">
												<img src="img/default-50x50.gif" alt="Product Image">
											</div>
											<div class="product-info">
												<a href="javascript::;" class="product-title">
													任务名称 
													<span class="label label-warning pull-right"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
												</a>
												<span class="product-description">
                          任务描述
                        </span>
											</div>
										</li>
										<!-- /.item -->
										<li class="item">
											<div class="product-img">
												<img src="img/default-50x50.gif" alt="Product Image">
											</div>
											<div class="product-info">
												<a href="javascript::;" class="product-title">
任务名称
<span class="label label-info pull-right"><i class="fa fa-star"></i><i class="fa fa-star"></i></span></a>
												<span class="product-description">
                          任务描述
                        </span>
											</div>
										</li>
										<!-- /.item -->
									</ul>
								</div>
								<!-- /.box-body -->
								<div class="box-footer text-center">
									<a href="javascript::;" class="uppercase">查看所有任务</a>
								</div>
								<!-- /.box-footer -->
							</div>
							<!-- /.box -->

						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->

					<!-- /主要内容显示区 -->

				</section>
				<!-- /.content -->
			</div>
			<!-- /.content-wrapper -->

			<!-- Main Footer -->
			<footer class="main-footer">
				<!-- To the right -->
				<div class="pull-right hidden-xs">
					德衡律师事务所
				</div>
				<!-- Default to the left -->
				<strong>Copyright &copy; 2015 <a href="#">德衡律师事务所</a>.</strong> All rights reserved.
			</footer>

			<!-- Control Sidebar -->
			<aside class="control-sidebar control-sidebar-dark">
				<!-- Create the tabs -->
				<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
					<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
					<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content">
					<!-- Home tab content -->
					<div class="tab-pane active" id="control-sidebar-home-tab">
						<h3 class="control-sidebar-heading">Recent Activity</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript::;">
									<i class="menu-icon fa fa-birthday-cake bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
										<p>Will be 23 on April 24th</p>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->

						<h3 class="control-sidebar-heading">Tasks Progress</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript::;">
									<h4 class="control-sidebar-subheading">
                    Custom Template Design
                    <span class="label label-danger pull-right">70%</span>
                  </h4>
									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->

					</div>
					<!-- /.tab-pane -->
					<!-- Stats tab content -->
					<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
					<!-- /.tab-pane -->
					<!-- Settings tab content -->
					<div class="tab-pane" id="control-sidebar-settings-tab">
						<form method="post">
							<h3 class="control-sidebar-heading">General Settings</h3>
							<div class="form-group">
								<label class="control-sidebar-subheading">
									Report panel usage
									<input type="checkbox" class="pull-right" checked>
								</label>
								<p>
									Some information about this general settings option
								</p>
							</div>
							<!-- /.form-group -->
						</form>
					</div>
					<!-- /.tab-pane -->
				</div>
			</aside>
			<!-- /.control-sidebar -->
			<!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
			<div class="control-sidebar-bg"></div>
		</div>
		<!-- ./wrapper -->

		<!-- REQUIRED JS SCRIPTS -->

		<!-- jQuery 2.1.4 -->
		<!--<script src="jQuery/jQuery-2.1.4.min.js"></script>-->
		<script src="jQuery/jquery-1.11.2.min.js" type="text/javascript" ></script>
		<!-- Bootstrap 3.3.5 -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- AdminLTE App -->
		<script src="js/app.min.js"></script>

		<script type="text/javascript">
		//	var h = 0; //初始化滚动条总长
		//	var t = 0; //初始化滚动条的当前位置
		//	var c = 5;
			$(document).ready(function() { //DOM的onload事件
				$this = $("#myproject");
				$this.load("jumptomain.action"); //table.html的内容被加载到 mypage元素
		/*		$this.on('scroll',function(){
					h = $this[0].scrollHeight; //得到滚动条总长，赋给hght变量
					t = $this[0].scrollTop; //得到滚动条当前值，赋给top变量
					console.log(t);
					console.log(h);
				});*/
				
			});
	/*		setInterval("cando();", 2000); //每隔2秒钟调用一次cando函数来判断当前滚动条位置。
			function cando() {
				console.log(h);
				if(c==5&&h*0.66>250){
					if(t+251>h){
					show();
					c=c-1;
					}
				}else if (t > parseInt(h/3)*2 &&c>0){
					show();
					c=c-1;
				}else{
//					$this.append('没有那么内容可以加载~~');
					
				}
			}

			function show() {
				$.get("submitlasttime.action",{index:6-c}, function(data) { //利用jquery的get方法得到table.html内容
					$this.append(data); //用append方法追加内容到mypage元素。
					h = 0; //恢复滚动条总长，因为$("#mypage").scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
					t = 0; //原因同上。
				});
			}*/
		</script>

		<!-- Optionally, you can add Slimscroll and FastClick plugins.
         Both of these plugins are recommended to enhance the
         user experience. Slimscroll is required when using the
         fixed layout. -->
	</body>

</html>